<!doctype html>
<html class="no-js">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hong Fu</title>

<!-- Set render engine for 360 browser -->
<meta name="renderer" content="webkit">

<!-- No Baidu Siteapp-->
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link rel="icon" type="image/png" href="__PUBLIC__/statics/default/assets/img/favicon.png">

<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/amazeui.min.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/reset.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/main.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/product-list.css">

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="__PUBLIC__/statics/default/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="__PUBLIC__/statics/default/assets/js/amazeui.min.js"></script>
<script src="__PUBLIC__/statics/default/assets/js/main.js"></script>

</head>

<body>
<include file="./Admin/Tpl/Templates/default/mask.html" />
<include file="./Admin/Tpl/Templates/default/top-nav.html" />

<div id="top-img">
   <?php $banenr = get_banner('产品中心banner'); ?>
    <img src="{$banenr[0]['big_thumb']}" alt="">
</div>

<div class="am-g max-block wrap-pd-b-70">
    <div id="left-nav-wrap" class="am-u-md-4 am-u-lg-3">

		<include file="./Admin/Tpl/Templates/default/side-nav-product.html" />
    </div>
    <div id="product-list" class="am-u-md-8 am-u-lg-9">
        <h3 class="right-title" style="padding-left:18px"><?php echo getLangByKey($language,$current_cat_info['cat_name']); ?></h3>
        <ul class="am-avg-sm-2 am-avg-lg-3">
			<?php $pro_list = cat2article(cat_id(),$is_all=1,$num=7,$order='no');//AAA($news_list); ?>
			<?php foreach($pro_list['lists'] as $key_pro=> $one_pro) {
				$class = array(
					'blue','orange','green'
				);
				$class2 = array(
					'green','orange','blue'
				);
				$current_class='';
				if(($key_pro/3)%2==0){
					$current_class = $class[$key_pro%3];
				}else{
					$current_class = $class2[$key_pro%3];
				}

			?>
            <li>
				<a href="{$Think.const.CON_PATH}/{$one_pro[product_id]}/cat_id/{$one_pro[cat_id]}">
                <div class="card">
                    <img class="img" src="{$one_pro['thumb']}"  style="height:auto" />
                    <div class="text">
                        <p class="title">{$one_pro['title']}</p>
                        <a class="link" href="{$Think.const.CON_PATH}/{$one_pro[product_id]}/cat_id/{$one_pro[cat_id]}"><i class="iconfont">&#xe6dd;</i><?php echo getLangByKey($language,"Read More..."); ?> </a>
                    </div>
                </div>
				</a>
            </li>
			<?php } ?>

        </ul>
    </div>
</div>
<include file="./Admin/Tpl/Templates/default/footer.html" />

</body>

</html>
<script>
    $(function() {
        // 设置卡片图片长宽比
        //setCardImgScale($('#product-list'));
        $(window).on('resize', function() {
            //setCardImgScale($('#product-list'));
        });
    });
</script>
